<template>
  <div>
<!--    测试用页面-->
    <tr v-for="kind in payKinds":key="kind.kindId">
      <td>{{kind.kindName}}</td>
    </tr>
    <el-divider></el-divider>
    <tr v-for="kind in getKinds":key="kind.kindId">
      <td>{{kind.kindName}}</td>
    </tr>
  </div>
</template>

<script>
export default {
  name: "Test",
  computed:{
    payKinds(){
      return this.$store.getters['kind/allPayKind']
    },
    getKinds(){
      return this.$store.getters['kind/allGetKind']
    }
  },
  created() {
    if(this.payKinds.length === 0){
      this.$store.dispatch('kind/allPayKind')
    }
    if(this.getKinds.length === 0){
      this.$store.dispatch('kind/allGetKind')
    }
  },
}
</script>

<style scoped>

</style>